<!DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>微博注册</title>
    <style>
        form{
            width: 400px;
            height: 500px;
            border: 1px solid #ddd;
            margin: 50px auto;
            border-radius: 6px;
            padding: 40px;
            
            
        }
        form>div>label{
            text-align: right;
            width: 80px;
            display: inline-block;
            padding: 10px;
        }
        input{
            border-radius: 6px;
        }
        .star{
            color: red;
        }
        .xiao{
            width: 50px;
        }
        .date .gq{
            border-radius: 4px;
        }
        .ziti{
            font-size: 10px;
            padding-left: 108px;
        }
        button{
            background-color: rgb(247, 144, 97);
            border-radius: 5px;
        }
        .action{
            width: 202px;
           height: 40px;
           text-align: center;
           margin-left: 105px;
        }
        button:hover{
            background-color:rgb(105, 177, 224);
        }
        
        
        


    </style>
</head>
<body>
    <form action="">
      <div>
          <label for=""> <i class="star">*</i> 手机:</label>
          <select class="gq" >
              <option value="">中国</option>
              <option value="">美国</option>
              <option value="">日本</option>
              <option value="">韩国</option>
              <option value="">泰国</option>
              <option value="">西班牙</option>
              <option value="">老挝</option>
          </select>
          <input type="text" placeholder="0866 请输入手机号">
      </div>
      <div>
          <i class="ziti">或使用 <a href="   " >邮箱注册</a></i>
      </div>
      <div>
          <label for=""><i class="star">*</i> 设置密码:  </label>
          <input type="password">
      </div>
      <div>
         <label for=""> <i class="star">*</i>生日 </label>
         <select class="date">
             <option value="">1999</option>
             <option value="">2000</option>
             <option value="">2001</option>
             <option value="">2002</option>
             <option value="">2003</option>
             <option value="">2004</option>
             <option value="">2005</option>
             <option value="">2006</option>
         </select>
         <i>年</i>
         <select class="date">
             <option value="">1</option>
             <option value="">2</option>
             <option value="">3</option>
             <option value="">4</option>
             <option value="">5</option>
             <option value="">6</option>
             <option value="">7</option>
             <option value="">8</option>
             <option value="">9</option>
             <option value="">10</option>
             <option value="">11</option>
             <option value="">12</option>
         </select>
         <i>月</i>
         <select class="date" >
             <option value="">1</option>
             <option value="">2</option>
             <option value="">3</option>
             <option value="">4</option>
             <option value="">5</option>
             <option value="">6</option>
             <option value="">7</option>
             <option value="">8</option>
             <option value="">9</option>
             <option value="">10</option>
             <option value="">11</option>
             <option value="">12</option>
             <option value="">13</option>
             <option value="">14</option>
             <option value="">15</option>
             <option value="">16</option>
         </select>
         <i>日</i>
      </div>
      <div>
        <label for=""><i class="star">*</i> 验证码:  </label>
        <button >免费获取验证码</button>
        <input type="text" class="xiao">
      </div>
      <div>
          <a href="  " class="ziti" >收不到验证码</a>
      </div>
      <div >
          <button class="action" >立即注册</button>
      </div>

    </form>


</body>
</html>